<!DOCTYPE html>
<html>
<head>
  <title>我爱长春</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
  <script type="text/javascript" src="js/jquery.faded.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
  <header>
    <div class="container_16">
    	<div class="logo">
    	  <h2>我爱<strong>长春</strong> </h2>
    	</div>
      <nav>
        <ul>
          <li><a href="index.html" class="current">主页</a></li>
          <li><a href="index-1.html">自然风光</a></li>
          <li><a href="index-2.html">人文气息</a></li>
          <li><a href="index-3.html">美食</a></li>
          <li><a href="index-4.html">旅游景点</a></li>
          <li><a href="index-5.html">名校简介</a></li>
          <li><a href="index-6.html">留下足迹</a></li>
        </ul>
      </nav>
      <div id="faded">
        <div class="rap">
          <a href="#"><img src="images/big-img1.jpg" alt="" width="571" height="398"></a>
          <a href="#"><img src="images/big-img2.jpg" alt="" width="571" height="398"></a>
          <a href="#"><img src="images/big-img3.jpg" alt="" width="571" height="398"></a>
        </div>
        <ul class="pagination">
          <li>
          	<a href="#" rel="0">
            	<img src="images/f_thumb1.png" alt="">
              <span class="left">
                北国风光<br />
                万里雪飘<br />
              </span>
              <span class="right">
                堆雪人<br />
                溜爬犁<br />
              </span>
            </a>
          </li>
          <li>
          	<a href="#" rel="1">
            	<img src="images/f_thumb2.png" alt="">
              <span class="left">
                净月潭<br />
               33568平方米<br />
                樟子松
              </span>
              <span class="right">
                夏避暑<br />
                秋赏叶<br />
                冬玩雪
              </span>
            </a>
          </li>
          <li>
          	<a href="#" rel="2">
            	<img src="images/f_thumb3.png" alt="">
              <span class="left">
                伪满洲国<br />
                红色旅游<br />
                跑马场
              </span>
              <span class="right">
                中和门<br />
                同德殿<br />
                怀远楼
              </span>
            </a>
          </li>
        </ul>
        <img src="images/extra-banner.png" alt="" class="extra-banner">
	  </div>
    </div>
  </header>
  <!-- content -->
  <section id="content">
  	<div class="container_16">
    	<div class="clearfix">
      	<section id="mainContent" class="grid_10">
        	<article>
            <h2>长春欢迎你</h2>
            <h3>长春，吉林省省会，全省政治、经济、文化和交通中心，中国最大的汽车工业城市，有“东方底特律”之称。中国建成区面积和建成区人口第九大城市。中国特大城市之一。</h3>
            <h4>长春地处东北平原中央，是东北地区天然地理中心，东北亚几何中心，东北亚十字经济走廊核心。总面积20604平方公里。
            新的长春，宛若一颗镶嵌在中国东北平原腹地的明珠，在二百余年近代城市历史的发展变化中，以其年轻而美丽跻身于国内特大城市之列！而已经湮没的长春古代历史又相似饱经风霜的老者，讲述这里曾经的跌跌撞撞、大起大落、大喜大悲。从古都到新城，悠远和年轻这两种不同的力量，都注定了长春必定辉煌！</h4>
            <a href="#" class="button">更多</a>
          </article>
          <article class="last">
          	<h2>魅力长春</h2>
            <h5>　　长春素有“汽车城”、“电影城”、“光电之城”“科技文化城”、“大学之城”、“森林城”、“雕塑城”的美誉，是中国汽车、电影、光学、生物制药、轨道客车等行业的发源地。</h5>
            <ul class="img-list clearfix">
            	<li><a href="#"><img src="images/thumb1.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb2.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb3.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb4.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb5.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb6.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb7.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb8.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/thumb9.jpg" alt=""></a></li>
            </ul>
            <a href="#" class="button">更多</a>
          </article>
        </section>
      	<aside class="grid_6">
        	<div class="prefix_1">
          	<article>
            	<!-- .box -->
              <div class="box">
                <h2>长春美誉</h2>
                <dl class="accordion">
                  <dt><img src="images/icon1.gif" alt=""><a href="#">汽车城</a></dt>
                  <dd>中国第一汽车集团公司是中国最大的汽车工业科研生产基地，汽车产量占全国总产量的五分之一</dd>
                  <dt><img src="images/icon2.gif" alt=""><a href="#">电影城</a></dt>
                  <dd>长春电影制片厂是新中国电影事业的“摇篮”，为弘扬电影文化，长春市政府自九二年以来，每两年举办一届长春电影节，邀请国内外电影界知名人士和电影厂商汇聚长春，共创电影辉煌</dd>
                  <dt><img src="images/icon3.gif" alt=""><a href="#">光电城</a></dt>
                  <dd>在光学电子、激光技术、高分子材料、生物工程等方面的研究居全国领先地位，有的已经达到国际先进水平</dd>
                  <dt><img src="images/icon4.gif" alt=""><a href="#">雕塑城</a></dt>
                  <dd>长春雕塑公园</dd>
                  <dt><img src="images/icon5.gif" alt=""><a href="#">森林城</a></dt>
                  <dd>著名的净月潭森林旅游区总面积478.7平方公里，有亚洲最大的人工森林</dd>
                </dl>
              </div>
              <!-- /.box -->
            </article>
            <article class="last">
              <h2>长春地图</h2>
              <p><img src="images/map.jpg" alt=""></p>
              <div class="wrapper">
              	<ul class="list1 grid_3 alpha">
                	<li><a href="#">农安市</a></li>
                  <li><a href="#">德惠市</a></li>
                  <li><a href="#">九台市</a></li>
                </ul>
                <ul class="list1 grid_2 omega">
                	<li><a href="#">长春市区</a></li>
                    <li><a href="#">榆树市</a></li>
                </ul>
              </div>
            </article>
          </div>
        </aside>
      </div>
    </div>
  </section>
  <!-- footer -->
  <footer>
    <div class="container_16">
       <div id="main">
      		版权所有：<strong>吉林省明日科技有限公司</strong>&nbsp;&nbsp;&nbsp;
            地址：长春市南关区卫星广场明珠小区B16-4&nbsp;&nbsp;&nbsp;
            电话：400-675-1066
      </div>
    </div>
  </footer>
  	<script type="text/javascript">
  	$(function(){
			$(".accordion dt").toggle(function(){
				$(this).next().slideDown();
			}, function(){
				$(this).next().slideUp();
			})
		})
  </script>
</body>
</html>
